<template>
  <div class="parent-vmodel">
    <h2>🔁 父组件（使用 v-model）</h2>
    <InputDemo v-model="inputText" />
    <p>
      当前值：「<strong>{{ inputText }}</strong
      >」
    </p>
  </div>
</template>

<script setup>
import { ref } from 'vue'
import InputDemo from './InputDemo.vue'

const inputText = ref('')
</script>

<style scoped>
.parent-vmodel {
  border: 2px solid #ffc107;
  padding: 20px;
  border-radius: 8px;
  margin: 20px auto;
  max-width: 600px;
}
</style>
